<template name="skeleton">
  <view class="sk-container">
    <scroll-view scroll-y="true" class="viewport viewport data-v-b335e5bc data-v-b335e5bc" enable-back-to-top="true">
      <view class="preview preview data-v-b335e5bc data-v-b335e5bc">
        <swiper circular="true" class="swiper swiper data-v-b335e5bc data-v-b335e5bc" current="0" autoplay="false">
          <swiper-item class="swiper-item swiper-item data-v-b335e5bc data-v-b335e5bc" style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
            <image class="swiper-img data-v-b335e5bc sk-image" mode="aspectFill" style="width:100vw"></image>
          </swiper-item>
        </swiper>
        <view class="indicator indicator data-v-b335e5bc data-v-b335e5bc">
          <text class="current data-v-b335e5bc sk-transparent sk-opacity">1</text>
          <text class="split data-v-b335e5bc sk-transparent sk-opacity">/</text>
          <text class="total data-v-b335e5bc sk-transparent sk-opacity">5</text>
        </view>
      </view>
      <view class="card card data-v-b335e5bc data-v-b335e5bc">
        <view class="hotel-name data-v-b335e5bc sk-transparent sk-text-16-6667-899 sk-text">上海新锦江大酒店</view>
        <view class="hotel-text data-v-b335e5bc sk-transparent sk-text-20-8333-671 sk-text">Jin Jiang Tower</view>
        <navigator class="link data-v-b335e5bc sk-transparent sk-text-20-8333-175 sk-text" hover-class="none">详情/设施 </navigator>
      </view>
      <view class="card card data-v-b335e5bc data-v-b335e5bc">
        <view class="flex flex data-v-b335e5bc data-v-b335e5bc">
          <text class="icon icon-dizhi data-v-b335e5bc sk-pseudo sk-pseudo-circle"></text>
          <text class="ellipsis-1 data-v-b335e5bc sk-transparent sk-text-20-8333-241 sk-text">上海 黄浦区 长乐路161号 【 淮海路/新天地地区 】161 Changle Road Lu Wan District 200020 Shanghai China</text>
          <text class="more data-v-b335e5bc sk-transparent sk-text-20-8333-456 sk-text" style="background-position-x: 100%;">地图</text>
        </view>
        <view class="flex flex data-v-b335e5bc data-v-b335e5bc">
          <text class="data-v-b335e5bc sk-transparent"><text class="icon icon-tel data-v-b335e5bc sk-pseudo sk-pseudo-circle"></text>021-64151188</text>
          <text class="more data-v-b335e5bc sk-transparent sk-text-20-8333-542 sk-text" style="background-position-x: 100%;">拨打</text>
        </view>
      </view>
      <view class="card card data-v-b335e5bc data-v-b335e5bc">
        <view class="data-v-b335e5bc sk-transparent sk-text-20-8333-415 sk-text">详情</view>
        <view class="sm data-v-b335e5bc sk-transparent sk-text-10-0000-659 sk-text">不接受客人入住前或入住后入住人名变更(如有需要，请通过门店或致电预订中心)，不接受让出第三人的代订预订。</view>
      </view>
      <view class="card card data-v-b335e5bc data-v-b335e5bc">
        <view is="pages/hotel/components/date-person-bar" class="data-v-b335e5bc data-v-b335e5bc">
          <view class="stay-info-area bar--stay-info-area data-v-61977e20 bar--data-v-61977e20">
            <view class="stay-item bar--stay-item data-v-61977e20 bar--data-v-61977e20">
              <text class="stay-label bar--stay-label data-v-61977e20 bar--data-v-61977e20 sk-transparent sk-text-25-0000-710 sk-text">入住</text>
              <view class="stay-value bar--stay-value data-v-61977e20 bar--data-v-61977e20 sk-transparent sk-text-20-8333-242 sk-text sk-image" end="2050-12-31" mode="date" start="[object Object]">2025-10-01</view>
            </view>
            <view class="stay-item bar--stay-item data-v-61977e20 bar--data-v-61977e20">
              <view class="night-item bar--night-item data-v-61977e20 bar--data-v-61977e20">
                <text class="night-text bar--night-text data-v-61977e20 bar--data-v-61977e20 sk-transparent sk-text-25-0000-639 sk-text">2晚</text>
              </view>
            </view>
            <view class="stay-item bar--stay-item data-v-61977e20 bar--data-v-61977e20">
              <text class="stay-label bar--stay-label data-v-61977e20 bar--data-v-61977e20 sk-transparent sk-text-25-0000-305 sk-text">离店</text>
              <view class="stay-value bar--stay-value data-v-61977e20 bar--data-v-61977e20 sk-transparent sk-text-20-8333-346 sk-text sk-image" end="2050-12-31" mode="date" start="[object Object]">2025-10-03</view>
            </view>
            <view class="stay-item bar--stay-item data-v-61977e20 bar--data-v-61977e20">
              <text class="stay-label bar--stay-label data-v-61977e20 bar--data-v-61977e20 sk-transparent sk-text-25-0000-177 sk-text">入住人数</text>
              <text class="stay-value bar--stay-value data-v-61977e20 bar--data-v-61977e20 sk-transparent sk-text-20-8333-85 sk-text">1成人0儿童</text>
            </view>
          </view>
        </view>
      </view>
      <view class="card card data-v-b335e5bc data-v-b335e5bc">
        <view is="pages/hotel/components/roominfo" class="data-v-b335e5bc data-v-b335e5bc">
          <view class="room-list-container roominfo--room-list-container data-v-eee78c4c roominfo--data-v-eee78c4c">
            <view class="room-item roominfo--room-item data-v-eee78c4c roominfo--data-v-eee78c4c">
              <view class="room-header roominfo--room-header data-v-eee78c4c roominfo--data-v-eee78c4c">
                <image class="room-img roominfo--room-img data-v-eee78c4c roominfo--data-v-eee78c4c sk-image" mode="aspectFill"></image>
                <view class="room-info roominfo--room-info data-v-eee78c4c roominfo--data-v-eee78c4c">
                  <text class="room-name roominfo--room-name data-v-eee78c4c roominfo--data-v-eee78c4c sk-transparent sk-text-20-8333-499 sk-text">三人房</text>
                  <text class="room-desc roominfo--room-desc data-v-eee78c4c roominfo--data-v-eee78c4c"></text>
                  <view class="room-size roominfo--room-size data-v-eee78c4c roominfo--data-v-eee78c4c">
                    <text class="data-v-eee78c4c roominfo--data-v-eee78c4c sk-transparent sk-text-27-0833-563 sk-text">1 Twin Bed and 1 Twin Bunk Bed</text>
                  </view>
                  <view class="room-price roominfo--room-price data-v-eee78c4c roominfo--data-v-eee78c4c">
                    <text class="price roominfo--price data-v-eee78c4c roominfo--data-v-eee78c4c sk-transparent sk-text-20-8333-894 sk-text" style="background-position-x: 100%;">￥894.52/晚</text>
                    <text class="icon-xiangxiajiantou roominfo--icon-xiangxiajiantou data-v-eee78c4c roominfo--data-v-eee78c4c sk-pseudo sk-pseudo-circle"></text>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </scroll-view>
  </view>
</template>

<style scoped>
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-opacity {
	    opacity: 0 !important;
	  }
	.sk-text-16-6667-899 {
	    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-20-8333-671 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-175 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-241 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-456 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-542 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-415 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-10-0000-659 {
	    background-image: linear-gradient(transparent 10.0000%, #EEEEEE 0%, #EEEEEE 90.0000%, transparent 0%) !important;
	    background-size: 100% 30.0000rpx;
	    position: relative !important;
	  }
	.sk-text-25-0000-710 {
	    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-242 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-25-0000-639 {
	    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-25-0000-305 {
	    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-346 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-25-0000-177 {
	    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-85 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-499 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-27-0833-563 {
	    background-image: linear-gradient(transparent 27.0833%, #EEEEEE 0%, #EEEEEE 72.9167%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-894 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-pseudo::before, .sk-pseudo::after {
	      background: #EFEFEF !important;
	      background-image: none !important;
	      color: transparent !important;
	      border-color: transparent !important;
	    }
	.sk-pseudo-rect::before, .sk-pseudo-rect::after {
	      border-radius: 0 !important;
	    }
	.sk-pseudo-circle::before, .sk-pseudo-circle::after {
	      border-radius: 50% !important;
	    }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }

</style>